<ui:fragment  
    xmlns="http://www.w3.org/1999/xhtml"  
    xmlns:h="http://java.sun.com/jsf/html"  
    xmlns:f="http://java.sun.com/jsf/core"  
    xmlns:ui="http://java.sun.com/jsf/facelets"  
    xmlns:p="http://primefaces.org/ui" > 
		<p:panel id="panelCadastroCliente" style="width: 700;">
			<p:messages id="messages" showDetail="true"  autoUpdate="true" closable="true" rendered="true"/>
			<h:panelGrid columns="2" cellpadding="2" id="panelClienteEdit" border="0">
			
				<p:outputLabel for="editCpf" value="CPF:" />
				<p:inputMask value="#{clienteManagedBean.clienteSelecionado.cpf}" mask="999.999.999-99" required="true" id="editCpf" requiredMessage="Cpf é obrigatório!"/>
				
				<p:outputLabel for="editNome" value="Nome:" />
				<p:inputText value="#{clienteManagedBean.clienteSelecionado.nome}" id="editNome" maxlength="50" size="50" required="true" requiredMessage="Nome é obrigatório"/>
	
				<p:outputLabel for="calDtNascimento" value="Data Nascimento:" />
				<p:calendar id="calDtNascimento" value="#{clienteManagedBean.clienteSelecionado.dataDeNascimento}" navigator="true" display="inline" label="Data nascimento" />
	
				<p:outputLabel for="options" value="Sexo:" />
				<p:selectOneRadio id="options" value="#{clienteManagedBean.clienteSelecionado.sexo}" required="true" requiredMessage="Sexo é obrigatório!">
					<f:selectItem itemLabel="Masculino" itemValue="M" />
					<f:selectItem itemLabel="Feminino" itemValue="F" />
				</p:selectOneRadio>
				
				<h:outputLabel for="inputEndereco" value="Endereço:" />
				<h:inputText value="#{clienteManagedBean.clienteSelecionado.logradouro}" id="inputEndereco" maxlength="100" size="50" />
				
				<h:outputLabel for="inputNumero" value="Número:" />
				<h:inputText value="#{clienteManagedBean.clienteSelecionado.numero}" id="inputNumero" maxlength="20" size="20" />
				
				<h:outputLabel for="inputComplemento" value="Complemento:" />
				<h:inputText value="#{clienteManagedBean.clienteSelecionado.complemento}" id="inputComplemento" maxlength="50" size="40" />
			
				<h:outputLabel for="inputBairro" value="Bairro:" />
				<h:inputText value="#{clienteManagedBean.clienteSelecionado.bairro}" id="inputBairro" maxlength="50" size="40" />
			
				<h:outputLabel for="inputCidade" value="Cidade:" />
				<h:inputText value="#{clienteManagedBean.clienteSelecionado.cidade}" id="inputCidade" maxlength="50" size="40" />
				
				<h:outputLabel for="inputEstado" value="Estado:" />
				<h:inputText value="#{clienteManagedBean.clienteSelecionado.estado}" id="inputEstado" maxlength="2" size="10" />
				
				<h:outputLabel for="inputEmail" value="E-mail:" />
				<h:inputText value="#{clienteManagedBean.clienteSelecionado.email}" id="inputEmail" maxlength="50" size="50" />
				
			</h:panelGrid>
			<br/>
			<h:panelGrid columns="2" cellpadding="2" id="pnBotoesEdicao">
				<p:commandButton id="btSalvar" value="Salvar" actionListener="#{clienteManagedBean.salvar}" update=":form:dataTableResultado"/>
				<p:commandButton id="btCancelar" type="button" value="Cancelar"  onclick="dlgEdicao.hide()" />
			</h:panelGrid>
		</p:panel>
</ui:fragment>
